{extend name='layout/main' /}

{block name='css'}
<link rel="stylesheet" href="/web/css/all.min.css"/>
{/block}

{block name='seo'}
<title>行情数据中心_{$site.name}</title>
<meta name="Keywords" content="{$site.keyword}"/>
<meta name="Description" content="{$site.desc}"/>
{/block}

{block name='main'}


<div class="page_content bgimg1">
    <!-- 面包屑 -->
    <div class="breadcrumb_wrap mobile_hide">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <ol class="breadcrumb" id="bread_menu">
                        <li>
                            <a href="/" target="_self">首页</a>
                            <i class="sseicon-slide-icon-right"></i>
                        </li>
                        <li>
                            <a href="javascript:;" target="_self">行情中心</a>
                            <i class="sseicon-slide-icon-right"></i></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!-- 面包屑 end -->

    <div class="container">
        <!--页面大标题-->
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page_big_title">行情中心</h1>
            </div>
        </div>


        <div class="row">
            <div class="col-sm-3 mobile_hide">
                <div class="left_side">
                    <ul class="left_menu_con" id="left_menu">
                        <li class="menu_title ib_mid_wrap">
                            <div class="ib_mid_before"></div>
                            <span class="ib_mid">行情中心</span>
                        </li>

                        <li class="menu_lv_1 active">
                            <a href="javascript:;" data-post="https://m.sojex.net/api.do?rtp=typeQuotes&type=3" target="_self" class="market_menu ib_mid_wrap">
                                <div class="ib_mid_before"></div>
                                <span class="ib_mid">国际现货</span>
                            </a>
                        </li>
                        <li class="menu_lv_1">
                            <a href="javascript:;" data-post="https://m.sojex.net/api.do?rtp=typeQuotes&type=4" target="_self" class="market_menu ib_mid_wrap">
                                <div class="ib_mid_before"></div>
                                <span class="ib_mid">全球外汇</span>
                            </a>
                        </li>
                        <li class="menu_lv_1">
                            <a href="javascript:;" data-post="https://m.sojex.net/api.do?rtp=typeQuotes&type=6"  target="_self" class="market_menu ib_mid_wrap">
                                <div class="ib_mid_before"></div>
                                <span class="ib_mid">全球指数</span>
                            </a>
                        </li>
                        <li class="menu_lv_1">
                            <a href="javascript:;"  data-post="https://m.sojex.net/api.do?rtp=typeQuotes&type=7" target="_self" class="market_menu ib_mid_wrap">
                                <div class="ib_mid_before"></div>
                                <span class="ib_mid">大宗商品</span>
                            </a>
                        </li>
                        <li class="menu_lv_1">
                            <a href="javascript:;" data-type="y"  data-post="https://m.sojex.net/api.do?rtp=typeQuotes&type=9" target="_self" class="market_menu ib_mid_wrap">
                                <div class="ib_mid_before"></div>
                                <span class="ib_mid">原油市场</span>
                            </a>
                        </li>
                    </ul>
                    <div class="left_ewm_con">
                        <div class="ewm_img"><img src="/web/images/app.png" width="125" height="125"/></div>
                        <span class="ewm_text">扫一扫下载 <br>"大连金普商品APP"</span>
                    </div>
                </div>

            </div>
            <div class="col-sm-9">


                <!--上区-->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="con_block"><!--一级区块-->
                            <div class="sse_common_wrap_cn">
                                <!--一级标题 -->
                                <div class="sse_title_common">
                                    <h2>国际现货(更新频率/每分钟)</h2>
                                </div>
                                <!--一级内容 -->
                                {literal}
                                <div class="sse_wrap_cn_con">
                                    <div class="tab-pane active js_tableT01" id="marketdata" v-cloak="">
                                        <div class="sse_table_title2" style=""><p>日期：<em id="markettime" style="font-style: normal">{{time}}</em> 美元报价</p></div>
                                        <div class="table-responsive sse_table_T01 tdclickable">
                                            <table class="table search_">
                                                <tbody>
                                                <tr>
                                                    <th>序号</th>
                                                    <th>交易品类</th>
                                                    <th>买入</th>
                                                    <th>卖出</th>
                                                    <th>涨跌</th>
                                                    <th>开盘</th>
                                                    <th>最高</th>
                                                    <th>最低</th>
                                                </tr>
                                                <tr class="isClickTr" v-for="it in list">
                                                    <td>{{$index+1}}</td>
                                                    <td>{{it.name}}</td>
                                                    <td :class="{'colorRed': it.margin > 0,'colorGreen': it.margin < 0}">{{it.buy}}</td>
                                                    <td :class="{'colorRed': it.margin > 0,'colorGreen': it.margin < 0}"><div class="align_right">{{it.sell}}</div></td>
                                                    <td :class="{'colorRed': it.margin > 0,'colorGreen': it.margin < 0}"><div class="align_right">{{it.margin}}</div></td>
                                                    <td><div class="align_right">{{it.open}}</div></td>
                                                    <td><div class="align_right">{{it.top}}</div></td>
                                                    <td><div class="align_right">{{it.low}}</div></td>
                                                </tr>

                                                </tbody>
                                            </table>
                                        </div>


                                        <!--D01换页，跳转页-->

                                    </div>
                                </div>
                                {/literal}
                                <!--一级内容结束-->
                            </div>
                            <!--一级区块结束-->
                        </div>
                    </div>
                </div>
                <!--下区-->
            </div>
        </div>
    </div>
</div>

{/block}


{block name='javascript'}
<script src="/web/js/lib/vue.js"></script>
<script src="/web/js/market.js"></script>
{/block}

